<template>
  <div class="content">
    <div class="text" v-html="user_agreement_url"></div>
  </div>
</template>

<script>
import {
  defineComponent,
  reactive,
  toRefs,
  computed,
  watch,
  ref,
  nextTick,
} from "vue";
import request from "@/common/utils/request";
import store from "@/store/index";
import { useRoute, useRouter } from "vue-router";
import utils from "@/common/utils/utils";
import { Modal, notification, message } from "ant-design-vue";
import {
  WechatOutlined,
  CloseOutlined,
  SyncOutlined,
} from "@ant-design/icons-vue";
import { debounce } from "lodash";
export default defineComponent({
  components: { WechatOutlined, CloseOutlined, SyncOutlined },

  setup(props, context) {
    const state = reactive({
      user_agreement_url: "", //隐私协议url
    });
    const getAiConfig = () => {
      request.get("/work_ai", "/config").then((res) => {
        console.log(res, '用户注册协议');
        if (res.list) {
          state.user_agreement_url = res.list.user_agreement_url;
        }
      });
    };
    getAiConfig();
    return {
      ...toRefs(state),
      getAiConfig,
    };
  },
});
</script>

<style lang="less" scoped>
.content {
  width: 100%;
  padding: 20px;
  height: 100vh;
  // display: flex;
  // justify-content: center;
  // .text {
  //   width: 800px;
  // }
}

// :deep(.text-only) {
//   // display: inline-block;
//   // width: 800px !important;
//   height: 30px;
//   // white-space: break-spaces !important; /* 当单词溢出时自动换行 */
// }</style>
